<aside id="sidebar">
    <!-- Sidbar Widgets -->
    <div class="side-widgets overflow">
        <!-- Profile Menu -->
        <div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
            <a href="" data-toggle="dropdown">
                <img class="profile-pic animated" src="${ctxPath}/static/img/blog/profile-pic.jpg" alt="">
            </a>
            <ul class="dropdown-menu profile-menu">
                <li><a href="">简介</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                <li><a href="">消息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                <li><a href="">设置</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                <li><a href="">退出</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
            </ul>
            <h4 class="m-0">Jinmy</h4>
            694372334@qq.com
        </div>

        <!-- Calendar -->
        <div class="s-widget m-b-25">
            <div id="sidebar-calendar"></div>
        </div>

        <!-- Feeds -->
        <div class="s-widget m-b-25">
            <h2 class="tile-title">
                测试
            </h2>

            <div class="s-widget-body">
                <div id="news-feed"></div>
            </div>
        </div>

        <!-- Projects -->
        <div class="s-widget m-b-25">
            <h2 class="tile-title">
                学习进度
            </h2>

            <div class="s-widget-body">
                <div class="side-border">
                    <small>Go语言学习</small>
                    <div class="progress progress-small">
                        <a href="#" data-toggle="tooltip" title="" class="progress-bar tooltips progress-bar-danger" style="width: 10%;" data-original-title="10%">
                            <span class="sr-only">10% Complete</span>
                        </a>
                    </div>
                </div>
                <div class="side-border">
                    <small>python学习</small>
                    <div class="progress progress-small">
                        <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-info" style="width: 20%;" data-original-title="20%">
                            <span class="sr-only">20% Complete</span>
                        </a>
                    </div>
                </div>
                <div class="side-border">
                    <small>Java进阶</small>
                    <div class="progress progress-small">
                        <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-warning" style="width: 81%;" data-original-title="81%">
                            <span class="sr-only">81% Complete</span>
                        </a>
                    </div>
                </div>
                <div class="side-border">
                    <small>AI学习</small>
                    <div class="progress progress-small">
                        <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-success" style="width: 10%;" data-original-title="10%">
                            <span class="sr-only">10% Complete</span>
                        </a>
                    </div>
                </div>
                <div class="side-border">
                    <small>Linux学习</small>
                    <div class="progress progress-small">
                        <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-success" style="width: 95%;" data-original-title="95%">
                            <span class="sr-only">95% Complete</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Side Menu -->
    <ul class="list-unstyled side-menu">
        <li class="active">
            <a class="sa-side-home" href="${ctxPath}/blog/index">
                <span class="menu-item">主页</span>
            </a>
        </li>
        <li>
            <a class="sa-side-widget" href="${ctxPath}/blog/bmwImage">
                <span class="menu-item">图片</span>
            </a>
        </li>
        <li>
            <a class="sa-side-widget" href="${ctxPath}/blog/bmwVideo">
                <span class="menu-item">视频</span>
            </a>
        </li>
        <li>
            <a class="sa-side-widget" href="${ctxPath}/blog/bmwCartoon">
                <span class="menu-item">漫画</span>
            </a>
        </li>
        <li>
            <a class="sa-side-typography" href="${ctxPath}/blog/bmwGif">
                <span class="menu-item">动图</span>
            </a>
        </li>
    </ul>
</aside>